Chart for WPF/Silverlight
円グラフ
グラフ種別 > 円グラフ

グラフは、単純な値を表示するために広く使用されています。円グラフは視覚的なアピール力に優れており、陰影や回転といった 3D 効果を伴って表示されることがよくあります。

グラフには、C1Chartの他のグラフタイプに比べて際立った違いがあります。円グラフでは、各系列がその円の1スライスを表します。そのため、系列が1つしかない円グラフはあり得ません(それは単なる円になります)。ほとんどの場合、円グラフには(スライスあたり1系列で)複数の系列が含まれ、各系列にはデータポイントが1つしかありません。C1Chart では、複数のデータポイントを持つ系列はグラフ内で複数の円として表されます。

XAML マークアップを使用して円グラフを作成する場合、マークアップは次のようになります。

XAML
コードのコピー
<c1chart:C1Chart Name="c1Chart1" ChartType="Pie">
   <c1chart:C1Chart.Data>
     <c1chart:ChartData>
      <c1chart:ChartData.ItemNames>P1 P2 P3 P4 P5</c1chart:ChartData.ItemNames>
          <c1chart:DataSeries Values="20 22 19 24 25" />
      </c1chart:ChartData>
    </c1chart:C1Chart.Data>
  <c1chart:C1ChartLegend DockPanel.Dock="Right" />
</c1chart:C1Chart>

円グラフには、円グラフコントロールのカスタマイズに役立つ、特別なプロパティがあります。SetStartingAngle プロパティまたは Direction プロパティを使用すると、円グラフの最初の開始角度を変更したり、スライスの方向を変更することができます。また、BasePieRenderer プロパティを使用して、メインチャートから1つのスライスを分離して強調表示することもできます。

開始角度

PieOptions.SetStartingAngle プロパティは、円グラフ内の最初のスライスの位置を定義します。最初のスライスは、常に 90 度から始まります。開始角度は、90 度から時計回りに計測します。

PieOptions.SetStartingAngle プロパティを使用して、最初の系列のスライスの開始角度を指定します。次の図は、開始角度を 90 に設定したところを示します。

円の分割

円グラフのスライスは、分割することによって強調できます。分割したスライスは、円の残りの部分から浮き出て表示されます。系列のOffsetプロパティを使用して、分割したスライスの円の中心からのオフセットを設定します。オフセットは、円の半径に対する割合で測定されます。

Chart for WPF/Silverlight では、以下のタイプの円グラフがサポートされています。

円グラフ

次の図は、ChartTypeプロパティをPieに設定したときのグラフを表します。

積層円グラフ

次の画像は、ChartTypeプロパティをPieStackedに設定した場合の積層円グラフを示しています。

3D 円グラフ (WPF のみ)

Pie3Dクラスは、3D 円グラフのプロット要素に関連付けられたデータポイントにアクセスする、マウスポインタがプロット要素上に置かれているときにその要素の値を取得する、プロット要素のサイズ(ピクセル)を取得または設定する、各ポイントを滑らかな線で接続するどうかを指定するといった場合に使用します。

次の図は、ChartTypeプロパティをPie3Dに設定したときの3D 円グラフを表します。

3D ドーナツ円グラフ (WPF のみ)

次の図は、ChartTypeプロパティを Pie3DDoughnut に設定したときの3D ドーナツ円グラフを表します。

3D 分割円グラフ (WPF のみ)

次の図は、ChartType プロパティを Pie3DExploded に設定したときの3D 分割円グラフを表します。

3D 分割ドーナツ円グラフ (WPF のみ)

次の図は、ChartTypeプロパティを Pie3DExplodedDoughnut に設定したときの3D 分割ドーナツ円グラフを表します。

ドーナツ円グラフ

次の図は、ChartTypeプロパティを PieDoughnut に設定したときのドーナツ円グラフを表します。

分割円グラフ

次の図は、ChartTypeプロパティを PieExploded に設定したときの分割円グラフを表します。

分割ドーナツ円グラフ

次の図は、ChartTypeプロパティを PieExplodedDoughnut に設定したときの分割ドーナツ円グラフを表します。

関連トピック